import {FC} from "react";
import {useSearchParams} from "react-router-dom";
import {Info} from "@/pages/bookInfo/components/info";
import {BooksRecommend} from "@/pages/bookInfo/components/booksRecommend";
import "./index.scss"

export const BookInfo: FC = () => {
    const [query] = useSearchParams()
    const bookId = query.getAll("bookId")[0]

    return (
        <div className="info">
            <Info bookId={bookId}/>
            <BooksRecommend bookId={bookId}/>
        </div>
    )
}
